.page-mine {
  background: #f5f5f5;
  min-height: 100vh;
  .header {
    width: 100%;
    height: 580rpx;
    box-sizing: border-box;
    background: #555;
    position: relative;
    .header-bg {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      top: 0;
      width: 100%;
      height: 100%;
    }
    .info {
      position: absolute;
      bottom: 128rpx;
      left: 0;
      right: 0;
      color: #fff;
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 0 96rpx 84rpx 80rpx;
      .info-left {
        .name {
          font-size: 48rpx;
          line-height: 48rpx;
          font-weight: bold;
        }
        .subtitle {
          margin-top: 16rpx;
          font-size: 24rpx;
          line-height: 24rpx;
        }
        .login-btn {
          width: 150rpx;
          height: 60rpx;
          background: #2e6bb9;
          border-radius: 30rpx;
          color: #fff;
          font-size: 32rpx;
          text-align: center;
          line-height: 60rpx;
          margin: 0;
          margin-top: 28rpx;
        }
      }
      .info-photo {
        flex-shrink: 0;
        width: 120rpx;
        height: 120rpx;
        border: 4rpx solid #fff;
        border-radius: 50%;
        background: #49a4c5;
      }
    }
  }
  .list {
    margin-top: -98rpx;
    border-radius: 48rpx 48rpx 0 0;
    overflow: hidden;
    background: #f5f5f5;
    padding: 28rpx;
    position: relative;
    z-index: 1;
    .list-item {
      .first-title {
        height: 40rpx;
        padding: 40rpx 32rpx 40rpx 12rpx;
        display: flex;
        align-items: center;
        .title1-icon {
          width: 40rpx;
          height: 40rpx;
          margin-right: 8rpx;
          flex-shrink: 0;
        }
        .title1-text {
          color: #000;
          font-size: 28rpx;
          flex: 1;
        }
      }
      .list-card {
        padding: 0 40rpx;
        background: #fff;
        border-radius: 40rpx;
        .title2-item {
          padding: 40rpx 0;
          display: flex;
          align-items: center;
          justify-content: space-between;
          border-bottom: 1px solid #e5e5e5;
          .title2-item-text {
            color: #666;
            font-size: 28rpx;
            line-height: 28rpx;
          }
          &:last-child {
            border: none;
          }
        }
      }
    }
  }
}
